<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>Mtwork</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <style type="text/css">
    	 
        a{
            text-decoration: none;
        }
        li{
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-bottom: 10px;
  			justify-content: space-between;
            content: ".";
            line-height: 25px;
        }
		.context{
			margin-top:20px;
			display: flex;
			justify-content: center;
		}
		.contextDiv{
			width: 48%;
			background: white;
			border-radius: 5px;
			margin-right: 15px;
			margin-left:15px;
			padding: 10px;
		}
        .top{
            display: flex;
            justify-content: space-between;
            border-left: rgb(126,182,56) 10px solid;
        }
        .title{
            font-weight: bolder;
            color: rgb(75,129,201);
            font-size:16px;
            margin-left: 10px;
        }

        .info{
            margin-top: 10px;
            border-top: #828282 1px dashed;
            
        }
        
        .noticeDesc{
            font-size: 15px;
            color: #3e3e3e;
            width: 380px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: block;
        }
        .noticeTime{
            font-size: 14px;
            color: darkgrey;
        }
		.taskInfo{
			line-height:50px;
			padding: 3px;
		}
		.taskdemo{
			margin: 0px 15px;
		}
		.report-header{
			position: relative;
			margin: 10px 15px;			
			line-height: 30px;
		}
		.yearinput{
			display: inline-block;
			position: relative;
			width:250px;
		}
		.yearinput input{
			cursor: pointer;
		}
		.right-button{
			 width: 200px;
			 position: absolute;
			 right: 15px;
			 top:0px;
			 text-align: right;
		}
		.right-button a{
			color:#169BD5;
		}
		.report-body{	 
			margin-left: 15px;
			margin-right: 15px;
		}
		.report-bodytop{
			width:100%;
			display: flex;
			justify-content: center;
		}
		.chartitem{
			/* border: 1px solid; */
			background-color:#FFFFFF;
			margin: 5px;
		}
		.releaseTime{
			display: inline-block;
			margin-right: 30px;
		}
		
		.noticeInfo{
			height: 170px;
			overflow: hidden;
			position: relative;
			
		}
		.noticUl{
			position: relative;
		}
    </style>
    </style>
</head>

<body class="gray-bg">

	<div class="context">
		<div class="contextDiv">
			<div class="noticeTop top">
				<span class="title">通知公告</span>
				<span>
					<a style="font-size: 14px;color: #828282" href="javascript:void(0)" onclick="parent.xadmin.add_tab('通知',_ctx +'/noticlist')" >更多&gt;&gt;</a>
				</span>
			</div>
			<div class="noticeInfo info layui-bg-gray">
				<ul class="noticUl">
				</ul>
				<ul class="noticUl">
				</ul>
			</div>
		</div>
		<div class="contextDiv">
			<div class="taskTop top">
				<span class="title">待办事项</span>
			</div>
			<div class="taskInfo info layui-bg-gray">
				<div id = "taskList" style="background: white;display:flex;flex-wrap: wrap;justify-content: space-between; align-content: space-between;">
					
				</div>
			</div>
		</div>	
	</div>
	
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script type="text/javascript">
	    $('#pay-qrcode').click(function(){
	        var html=$(this).html();
	        parent.layer.open({
	            title: false,
	            type: 1,
	            closeBtn:false,
	            shadeClose:true,
	            area: ['600px', '360px'],
	            content: html
	        });
	    });
    </script>
</body>
</html>
